@import "../../less/variables";
@media screen and (min-width: 1600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
  .base {
    position: relative;
    min-height: @filtrate-h;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 100%;
    height:99%;
    margin-bottom: 10px;
    background-color: #ffffff;
    border: @base-border;
    border-radius: @base-radius;
    box-shadow: @base-shadow;
    :global {
      .ant-select, .ant-input,.ant-select-selection{
        width: 180px;
        height:30px;
      }
      .ant-form-item-control{
        width: 150px;
      }
      .ant-form-explain{
        width: 180px;
      }
      .ant-calendar-picker{
        .ant-input{
          width: 210px;
        }
      }
      /* !*.ant-input-number-input{
         width: 70px;
         height:30px;
       }*!
       .ant-input-number-sm input{
         height:22px;
       }*/
      .ant-select-selection__rendered{
        padding-top: 3px;
      }

      .ant-form-item {
        margin-right: 0;
      }
      .ant-row {
        line-height: 55px;
        margin-left: 50px;
      }
      .ant-form-item-label{
        min-width: 70px;
        z-index: 1;
      }
      .ant-form-item-label label{
        color: #4A4A4A;
      }
      /*.ant-select-arrow::before{
        margin-top: 10px;
      }*/
    }
  }
  .rangeInput{
    :global{
      .ant-form-item-control{
        width:80px;
        padding: 5px 2px;
      }
    }
  }
}
.rangeInput{
  :global{
    .ant-form-item-control{
      width:70px;
      z-index: 20;
    }
  }
}
@media screen and (max-width: 1500px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
  .base {
    position: relative;
    min-height: @filtrate-h;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 100%;
    height:99%;
    margin-bottom: 10px;
    background-color: #ffffff;
    border: @base-border;
    border-radius: @base-radius;
    box-shadow: @base-shadow;
    :global {
      .ant-select, .ant-input,.ant-select-selection{
        width: 110px;
        height:25px;
      }
      .ant-input{
        width: 110px;
      }
      .ant-calendar-picker{
        .ant-input{
          width: 210px;
        }
      }
      .ant-form-item-control {
        width: 100%;
      }
      .ant-form-explain{
        width: 180px;
      }
      /* !*.ant-input-number-input{
         width: 70px;
         height:30px;
       }*!
       .ant-input-number-sm input{
         height:22px;
       }*/
      .ant-select-selection__rendered{
        padding-top: 0;
      }
      .ant-row {
        line-height: 45px;
        margin-left: 30px;
      }
      .ant-form-item {
        margin-right: 0
      }
      .ant-form-item-label{
        min-width: 70px;
        z-index: 1;
      }
      .ant-form-item-label label{
        color: #4A4A4A;
      }
      /*.ant-select-arrow::before{
        margin-top: 10px;
      }*/
    }
  }
}
.sub{
  min-height: @filtrate-h;
  padding-top: 4px;
  padding-bottom: 6px;
  width: 100%;
  margin-bottom: 10px;
  background-color: #ffffff;
  border: @base-border;
  border-radius: @base-radius;
  box-shadow: @base-shadow;
}
.hashUnderBtn {
  height: 87px;
}
.underBtn {
  color: rgba(0, 0, 0, 0.85);
}
.btnRight{
  position: absolute;
  right: 28px;
  bottom: 8px;
}
.button, .button:focus, .button:hover {
  height: 28px;
  background:rgba(24,144,255,1);
  border-radius:4px 5px 5px 4px;
  border-color:rgba(24,144,255,1);
}
.button1, .button1:focus, .button1:hover {
  height: 28px;
  background:#FFFFFF;
  border-radius:4px 5px 5px 4px;
  border-color:rgba(210,210,210,1);
  color: #4A4A4A;
}
.stage {
  margin-left: 10px;
  margin-top: 10px;
  text-align: center;
  width: 160px;
  display: inline-block;
  height: 115px;
  :global {
    .ant-tag-checkable {
      color: #ffffff;
    }
    .ant-tag-checkable.ant-tag-checkable-checked {
      color: #00EBF6;
    }
  }
  .tag {
    margin-top: 5px;
    span {
      color: #ffffff;
      font-size: 12px;
      cursor: pointer;
    }
  }
}
.afterspan{
  color: #000;
  margin-left:5px;
  line-height:38px;
}

.remind{
  padding-left:15px;
}
.range-picker {
  :global{
    .ant-form-item-control-wrapper {
      width: 220px;
    }
    .ant-form-item-control{
      width:200px;
    }
  }
}
.extdiv{
  //height: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.exitbtn{
  border-radius: 10px;
}

.task{
  position: absolute;
  top: 10px;
  right: 20px;
  button{
    border:none;
    text-align: center;
    background-color: rgb(85, 138, 255);
    border-radius: 15px;
    height: 30px;
    color:white;
    i{
      padding-right:3px;
    }
  }
}
